<script>
export default {
  name: "b"
}
</script>

<template>
   <h1>属性绑定指令</h1>
   <input type="text" value="kk是个母狗"> <hr>
   <input type="text" value="info"> <hr>
   <!-- 将input元素的value属性绑定到info变量上，由info变量来控制输入框的默认值 -->
   <input type="text" v-bind:value="info"> <hr>
   <input type="text" :value="info" > <hr>
   <hr>
   <a :href="url">超链接1</a>"
   <a :href="url">超链接2</a>
</template>


<script setup>
import {ref} from "vue";
const url = ref('https://www.baidu.com');
const info = ref('属性绑定666');
url.value = 'https://www.jd.com';
</script>
<style scoped>

</style>